import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// import postcsspxtoviewport from "postcss-px-to-viewport" //px转vw/vh插件
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({

  plugins: [vue(),
  ],
  base: './',
  // 服务设置
  server: {
    host: true, // host设置为true才可以使用network的形式，以ip访问项目
    port: 7777, // 端口号
    open: true, // 自动打开浏览器
    cors: true, // 跨域设置允许
    strictPort: true, // 如果端口已占用直接退出
    // // 接口代理
    // proxy: {
    //   '/api': {
    //     // 本地 8000 前端代码的接口 代理到 8888 的服务端口
    //     target: 'http://192.168.1.8:8081/',
    //     changeOrigin: true, // 允许跨域
    //     pathRewrite: {
    //       //重写路径
    //       '^/api': '' //代理路径
    //     }
    //   },
    // },
  },
  build: {
    reportCompressedSize: false,
    // 消除打包大小超过500kb警告
    chunkSizeWarningLimit: 2000,
    minify: 'esbuild',
    assetsDir: 'static/assets',
    // assetsPublicPath: './',
    // 静态资源打包到dist下的不同目录
    rollupOptions: {
      output: {
        chunkFileNames: 'static/js/[name]-[hash].js',
        entryFileNames: 'static/js/[name]-[hash].js',
        assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
      },
    },
  },

  resolve: {
    // 配置路径别名
    alias: {
      '@': path.join(__dirname, 'src'),
    },
  },

})


